<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			a {
				text-decoration: none;
				color: white;
			}
			.biaoti {
				height: 45px;
				width: 200px;
				font-size: 16px;
				line-height: 45px;
				padding: 0 10px;
				background: firebrick;
				color: white;
			}

			ul {
				background:crimson;
				list-style: none;
				width: 220px;
			}

			li {
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				padding-left: 8px;
				color: white;
				background: url(../imgs/bg.png) no-repeat 195px center;
			}
		</style>
	</head>
	<body>
		<div class="shangping">
			<div class="biaoti">全部商品分类</div>
			<ul>
				<li><a href="">家用电器</a></li>
				<li><a href="">手机</a>、<a href="">数码</a>、<a href="">京东通信</a></li>
				<li><a href="">电脑</a>、<a href="">办公</a></li>
				<li><a href="">家居</a>、<a href="">家具</a>、<a href="">家装</a>、<a href="">厨具</a></li>
				<li><a href="">男装</a>、<a href="">女子</a>、<a href="">珠宝</a></li>
				<li><a href="">个护化妆</a></li>
				<li><a href="">鞋靴</a>、<a href="">箱包</a>、<a href="">钟表</a>、<a href="">奢侈品</a></li>
				<li><a href="">运动户外</a></li>
			</ul>
		</div>
	</body>
</html>
